Angular is a component-based framework that is used for developing single page applications employing TypeScript and HTML template language. Typescript is a language that compiles to JavaScript. It is strongly typed, object oriented and compiled language. HTML (Hypertext Markup Language) is the code that is used to structure a web page and its content. CSS (Cascading Style Sheets) is the language we use to style a Web page.
Learning Outcomes
Learn some of the more advanced features of Angular (e.g. data binding, services, routing and observables)
Complete the Angular tutorial and connect to the back-end Heroes API to have an end-to-end example of a working application that uses all the concepts required for the term project.
Study Resources
For your study of this topic, use these resources.
We will complete the Tour of Heroes app and tutorial and connect to the back-end heroes REST API you have previously completed. This will provide you with the basic foundation of the code that can be used for the term project.
When you have completed the Angular Tour of Heroes app and tutorial, make the following changes to your Angular project to connect to the back-end Heroes API:
Delete in-memory-data.service.* files from your project
In app.module.ts, delete the following imports:
import { HttpClientInMemoryWebApiModule } from 'angular-in-memory-web-api';
import { InMemoryDataService } from './in-memory-data.service';
Verify that you are able to make changes to your heroes list, which calls your back-end Heroes REST API
Take 2 screenshots (Dashboard View & Heroes List View). Deposit the images in the myCourses Assignments folder Angular Tutorial (Spike) - individual, by the date specified on the schedule for your section.
